// const A = $(function () {
//     $("a").attr("href", "javascript:void(0)");
// })

const B = function () {
    $("a").attr("href", "javascript:void(0)");
}

//回到顶部
$(window).on("scroll", _.debounce(function () {
    //获取不可见高度
    let scrTop = $(window).scrollTop()
    //console.log(scrTop);
    if (scrTop < 77) {
        $("#huojianA").css("display", "none");
    } else {
        $("#huojianA").css("display", "block");
    }
}))
$("#huojianA").on("click", function () {
    $("html,body").animate({
        scrollTop: 0
    })
})


//轮播图
//console.log($(".banmoveul").find("li").eq(0));
//console.log($(".banmoveul").find("li").eq(0).clone(true));
//克隆第一个添加到最后
let NewLi = $(".banmoveul").find("li").eq(0).clone(true);
$(".banmoveul").append(NewLi);
//自动轮播
let imgIndex = 0;
var pointIndex = 0;
let colorindex = 0;
let colorlist = ['rgb(233, 112, 83)', 'rgb(116, 51, 203)', 'rgb(255, 196, 69)', 'rgb(255, 180, 151)', 'rgb(152, 93, 203)','rgb(135, 193, 207)'];
console.log(colorlist);

const autoPlay = () => {
    imgIndex++;
    if (imgIndex > 6) {
        imgIndex = 1;
        $(".banmoveul").css("left", 0);
    }
    pointIndex++;
    if (pointIndex >= 6) {
        pointIndex = 0;
    }
    colorindex++
    if (colorindex > 5) {
        colorindex = 0
    }
    $(".banarr").find("span").each(function () {
        //console.log($(this).find("a"));
        if ($(this).index() == pointIndex) {
            $(this).find("a").addClass("currenta").end().siblings().find("a").removeClass("currenta")
            $(".banner").css("backgroundColor", colorlist[colorindex])
        }

    });

    // colorlist.forEach((el, index) => {
    //     console.log(colorindex);
    //     console.log(index);

    //     if (colorindex == index) {
    //         console.log(el);
    //         $(".banner").css("backgroundColor", el)
    //     }

    // })


    $(".banmoveul").animate({
        left: -imgIndex * 770
    })
}

let timer_1 = setInterval(() => {
    autoPlay();
}, 5000)

//鼠标移入暂停,离开开启
$(".banmove").on("mouseenter", function () {
    // console.log(this == this);
    // console.log($(this) == $(this));
    // console.log($(".banmove") == $(".banmove"));
    clearInterval(timer_1)
}).on("mouseleave", function () {
    timer_1 = setInterval(() => {
        autoPlay();
    }, 5000)
})

//点哪指哪
$(".banarr").find("span").on("click", function () {
    console.log($(this).index());
    imgIndex = pointIndex = colorindex = $(this).index() - 1;
    autoPlay();
})




//tab栏切换

// $(".line2box").find(".line2box3_2_1 li").on("click", function () {
// console.log($(".line2box").find(".line2box3_2_1").find("li"));
// console.log($(".line2box3_2_1  li").index());
$(".line2box3_2_1").find("li").first().addClass("currentli");

Array.from($(".line2box3_2_1 li")).forEach((el, liIndex) => {
    if (liIndex % 3 == 0) {
        $(el).addClass("currentli")
    }
    $(el).mouseover(function () {
        $(".line2box3_2_2>div").each((index, el) => {
            if (liIndex == index) {
                $(el).css("display", "block").siblings().css("display", "none");
                $(".line2box3_2_1 li").eq(index).addClass("currentli").siblings().removeClass("currentli");
            }
        })
    })
})
// let $index = $(this).index();
// $(this).addClass("currentli").siblings().removeClass("currentli");
// console.log($(".line2box3_2_2>div"));
// $(".line2box3_2_2>div").each((index, el) => {
//     console.log(index);
//     if ($index == index) {
//         $(el).css("display", "block").siblings().css("display", "none");
//     }
// })
// })

// 跳转购物车页面
$(".gouwuche").on("click", function () {
    location = "shopcat.html"
})


// 跳转详情页
$(".togoods").on("click", function () {
    location = "goods.html"
})



$.ajax({
    url: "./api/sgs",
}).done(function (res) {
    console.log(res);
    let {
        data
    } = res;
    //console.log($(".togoods").eq(0));
    $(".togoods").eq(0).attr("href", `./goods.html?pid=1`);
    $(".togoods").eq(1).attr("href", `./goods.html?pid=2`);
    //loginA跳转
    $(".loginA").attr("href", `./goods.html?pid=1`);
})

//loginA跳转
// $(".loginA").on("click", function () {
//     location = "/goods.html";
// })


//本地数据
let data = JSON.parse(localStorage.getItem("userinfo") || "{}");

console.log(data);

//对象和对象没法比,把他们都转化为字符串进行比较
if (JSON.stringify(data) != "{}") {
    console.log(111);
    $(".loginA").hide();
    $(".loginA1").show();
    $(".loginA1").text(data.uname);
    $(".regA").hide();
    $(".regA1").show().text("退出");
}


// let productDatas = [
//         { id: 10001, pname: "比瑞吉  天然好粮 食材说话", pprice: 205, pimg: "./images/index/rlist1.jpg" },
//         { id: 10002, pname: "冠能  科学配方 呵护皮毛", pprice: 285, pimg: "./images/index/rlist2.jpg" },
//         { id: 10003, pname: "丝倍亮  澳洲1/3养宠家庭的选择", pprice: 328, pimg: "./images/index/rlist3.jpg" },
//       ];
// localStorage.setItem("productDatas", JSON.stringify(productDatas));


//regA1 退出功能
$(".regA1").on("click", function () {
    $(".loginA").show();
    $(".loginA1").hide()
    $(".regA").show();
    $(".regA1").hide();
    localStorage.removeItem("userinfo");
})



// 登录  注册  start


//登录
$(".loginA").on("click", function () {
    $(".loginbox").show();
})

$(".loginbox").on("click", function () {
    $(".loginbox").hide();

})

$(".login").on("click", function (e) {
    e.stopPropagation();
})

//登录tab栏切换
$(".login>h1>a").on("click", function () {
    $(this).addClass("reda1").siblings().removeClass("reda1");
})
$(".logina2").on("click", function () {
    $(".userlogin").css("display", "block");
    $(".phonelogin").css("display", "none");
})
$(".logina1").on("click", function () {
    $(".userlogin").css("display", "none");
    $(".phonelogin").css("display", "block");
})


//注册
$(".regA").on("click", function () {
    $(".regbox").show();
})
$(".regbox").on("click", function () {
    $(".regbox").hide();
})
$(".reg").on("click", function (e) {
    e.stopPropagation();
})
//直接登录
$(".rega2").on("click", function () {
    $(".regbox").hide();
    $(".loginbox").show();
})

//注册验证码
$("#getyzm").on("click", function () {
    $.ajax({
        url: "/api/yzm",
    }).then(function (res) {
        $("#yzm").html(res.data);
        $("#yzm").attr("data-yzm", res.text);
    })
})

//页面加载就触发  事件触发
$('#getyzm').triggerHandler("click");

//注册

$(".regAA").on("click", function () {


    if (!$(".reginput3").prop("checked")) {
        layer.alert('请先同意用户协议', {
            time: 3 * 1000,
            success: function (layero, index) {
                var timeNum = this.time / 1000,
                    setText = function (start) {
                        layer.title((start ? timeNum : --timeNum) +
                            ' 秒后关闭', index);
                    };
                setText(!0);
                this.timer = setInterval(setText, 1000);
                if (timeNum <= 0) clearInterval(this.timer);
            },
            end: function () {
                clearInterval(this.timer);
            }
        });
        return false;
    }
    //1.获取输入的验证码
    var nameyzm = $(".reginput2").val().toLowerCase();
    //2.得到生成的验证码进行比较
    var getyzm = $("#yzm").attr("data-yzm").toLowerCase();
    if (nameyzm != getyzm) {
        layer.msg("验证码错误!");
        $('#getyzm').triggerHandler("click");
        return false
    }

    let data = {
        name: $(".reginput0").val(),
        pwd: $(".reginput1").val()
    }

    //console.log(data);
    $.ajax({
        url: "./api/reg",
        type: "post",
        data: data
    }).then(function (res) {
        //console.log(res);
        console.log(res.code == 200);
        layer.msg(res.message)
        if (res.code == 200) {
            $(".regbox").hide();
            // $(".loginA").hide();
            // $(".loginA1").show().text(data.name);
            // $(".regA").hide();
            // $(".regA1").show().text("退出");
        }

    })

})
//注册正则
$(".reginput0").on("input", function () {
    var myreg = /^[1][3,4,5,7,8][0-9]{9}$/;
    if (!myreg.test($(".reginput0").val())) {
        $(".regs2").text("不合法")

    } else {
        $(".regs2").text("合法")
    }
})
$(".reginput1").on("input", function () {
    var myreg1 = /^.{6,18}$/;
    if (!myreg1.test($(".reginput1").val())) {
        $(".regs3").text("不合法")

    } else {
        $(".regs3").text("合法")
    }
})

//regA1 退出功能
$(".regA1").on("click", function () {
    $(".loginA").show();
    $(".loginA1").hide()
    $(".regA").show();
    $(".regA1").hide();
    localStorage.removeItem("userinfo");
})


//登录验证码
$("#yzm1").on("click", function () {
    $.ajax({
        url: "/api/yzm1",
    }).then(function (res) {
        $("#yzm1").html(res.data);
        $("#yzm1").attr("data-yzm1", res.text);
    })
})

//页面加载就触发  事件触发
$('#yzm1').triggerHandler("click");

//登录

$(".loginAA").on("click", function () {
    //1.获取输入的验证码
    var nameyzm = $(".inputyzm1").val();
    //2.得到生成的验证码进行比较
    var getyzm = $("#yzm1").attr("data-yzm1");
    if (nameyzm != getyzm) {
        layer.msg("验证码错误!");
        $('#yzm1').triggerHandler("click");
        return false
    }

    let data = {
        name: $(".logininput1").val(),
        pwd: $(".logininput2").val()
    }

    //console.log(data);
    $.ajax({
        url: "./api/login",
        type: "post",
        data: data
    }).then(function (res) {
        //console.log(res);
        console.log(res.code == 200);
        layer.msg(res.message)
        if (res.code == 200) {
            $(".loginbox").hide();
            $(".loginA").hide();
            $(".loginA1").show().text(data.name);
            $(".regA").hide();
            $(".regA1").show().text("退出");
            localStorage.setItem("userinfo", JSON.stringify(res.data));
            location = "index.html";
        }
    })
})

// 登录  注册  end

export default {

    B
}